<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk">
	
	<ui:composition template="templates/template.xhtml">

	<ui:define name="title">
	 	E-Filing System Reports Page
	</ui:define>
	<ui:param name="page" value="home" />
	<ui:define name="header">
		<ui:include src="header.xhtml" />
		
		</ui:define>
		<ui:define name="menu">
		<div align="center">
			<h:form id="mennuForm" >
			<h:message for="mennuForm" class="error" />
			<br />
			<br />
			<h:commandButton value="Back" action="#{documentDataTableBean.back}" styleClass="buttonClass" />
			<br />
			<br />
			</h:form>
			</div>
			</ui:define>	
			<ui:define name="body">
			<h:form>
		 <!-- <h:panelGrid columns="1" width="80%" styleClass="outerTable" columnClasses="standardTable_ColumnCentered" >  --> 
		 <h:panelGrid columns="1" >
			   <h:dataTable value="#{documentDataTableBean.dataTableList}" var="documents" >
			     
			     <h:column>
			       <f:facet name="header">
			          <h:outputText value="Document Type" styleClass="subHeadingTextClass" />
			       </f:facet>
			         <h:outputText value="#{documents.documentType}"  	styleClass="textFont75" />
			    </h:column>
			    <h:column>
			      <f:facet name="header">
			       <h:outputText value="Document Count" styleClass="subHeadingTextClass" />
			      </f:facet>
			       <h:outputText value="#{documents.count}" styleClass="textFont75" />
			   </h:column>
			 </h:dataTable>
			 </h:panelGrid>
		  </h:form>
			</ui:define>
	</ui:composition>
		
			</html>